@import 'constants.scss';


.main{
	.wrapper{
		width: $PageWidth;
		margin: 0 auto;
		.sidebar{
			width: 362px;

			.title-group{
				padding: 20px;
				border-bottom: 1px solid $lineColor;
				background-color: #fff;
				.title{
					font-size: 20px;
				}
			}
			.ad{
				width: sidebarWidth;
				margin-top: 5px;
				a{
					img{
						width: $sidebarWidth;
						max-height: 300px;
					}
				}
			}
			.focus{
				margin-top: 10px;
				width: $sidebarWidth;
				.title{
					width: 100%;
					height: 40px;
					background-color: #fff;
					text-align: center;
					line-height: 40px;
					border-radius: 5px;
					border: 1px solid $lineColor;
					font-weight: bold;
				}
				.more{
					padding: 10px 20px 0;
					background-color: #fff;
					.left{
						p{
							font-size: 20px;
						}
					}
					.right{
						width: 100px;
						height: 78px;
						img{
							width: 100%;
							height: 100%;
						}
					}
				}
			}
		}
	}
	.window-control{
		position: fixed;
		left: 80%;
		bottom: 50px;
		display: none;
		li{
			user-select: none;
			width: 100px;
			height: 80px;
			border-bottom: 1px solid #eee;
			background-color: rgba(0,0,0,.2); 
			color: #fff;
			cursor: pointer;
			text-align: center;
			line-height: 80px;
			transition: all 1s;
			&:hover{
				background-color: rgba(0,0,0,.5); 
			}
		}
	}
}